
$red : red;
h2{
    color: $red;
    font-size: 38px;
    margin-top: 0;
}
h2+h2 {
    margin-top: 12px;
    color: darkcyan;
}
p{
    color: grayscale(#101); // #808080
    color: complement(#001); // #33c
}
span{
    color: lighten(#cc3, 0%);  
    color: lighten(#cc3, 10%);  
    color: lighten(#cc3, 20%);  
    color: lighten(#cc3, 30%);  
    color: lighten(#cc3, 40%);
    color: lighten(#cc3, 49%);
    color: lighten(#cc3, 50%);
}
a{
    color: darken(#cc3, 0%);   //  #a3a329
    color: darken(#cc3, 10%);  //  #a3a329
    color: darken(#cc3, 20%);  //  #a3a329
    color: darken(#cc3, 30%);  //  #a3a329
    color: darken(#cc3, 40%);  //  #a3a329
    color: darken(#cc3, 49%);  //  #a3a329
    color: darken(#cc3, 50%);  //  #a3a329
}

@mixin left($valu: 10px){
    left: $valu;
}

div{
    @include left(20px);
    color: lighten($color: #e91616, $amount: 48);
}